
.main .body .content .article-item {
    height: 160px;
    margin-top: 10px;
    display: flex;
    border-bottom: 1px solid lightgrey;
}

.main .body .content .article-item .info {
    width: 500px;
}

.main .body .content .article-item .info .title {
    height: 40px;
    line-height: 40px;
    overflow: hidden; /*超出部分隐藏*/
    white-space: nowrap; /*设置文本不换行*/
    text-overflow: ellipsis; /*设置文本超出的样式为...*/
}

.main .body .content .article-item .info .profile {
    height: 80px;
}

.main .body .content .article-item .info .profile span {
    /*设置文本2行后自动省略号*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.main .body .content .article-item .info .author {
    height: 40px;
    display: flex;
    align-items: center;
}

.main .body .content .article-item .info .author .name {
    overflow: hidden; /*超出部分隐藏*/
    white-space: nowrap; /*设置文本不换行*/
    text-overflow: ellipsis; /*设置文本超出的样式为...*/
}

.main .body .content .article-item .info .author > div {
    width: 80px;
}

.main .body .content .article-item .info .title a:hover {
    text-decoration: underline;
}

.main .body .content .article-item .cover {
    height: 100%;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main .body .content .article-item .cover a {
    display: block;
    height: 90%;
    width: 90%;
}

.main .body .content .article-item .cover a img {
    display: block;
    height: 100%;
    width: 100%;
}
